<!DOCTYPE html>
<html>
<head>
  <title>儿童预防针预约</title>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
  <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
  <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body style="background: url(beijing.jpg) no-repeat 20% 50% transparent;">

<div class="container-fluid">
  <div class="row">
    <div class="mx-auto" style="width: 80%; margin-top: 30vh;">
      <form>
        <div class="form-group">
          <!-- <label for="email">Email:</label> -->
          <input type="phone" class="form-control border-top-0 border-right-0 border-left-0 text-dark"
            style="BACKGROUND-COLOR: transparent;" id="email" placeholder="手机号" required>
        </div>
        <div class="form-group">
          <!-- <label for="pwd">Password:</label> -->
          <input type="password" class="form-control border-top-0 border-right-0 border-left-0 "
            style="BACKGROUND-COLOR: transparent;" id="pwd" placeholder="密码" required>
        </div>
        <button type="submit" class="btn btn-success" style="width: 100%;">登录</button>
      </form>
      <a href="reg.html"><button class="btn btn-primary" style="width: 100%; margin-top: 5px;">注册</button></a>
    </div>
  </div>
</div>


</body>
<style>
    
</style>
</html>